<div class="fadeIn">
    <br>
    <ol class="breadcrumb" style="margin-bottom: 0px">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage></mainpage></li>
        <li class="active">运营分析工作台 / 流量分析 / 下发短信明细</li>
    </ol>
    <div class="table-box">
      <div style="width:1400px;">
        <div class="clearfix" style='margin-bottom:25px;'>
         <form class="form-inline" action="downSmRec/out-excel" method="post" id="form">
            <div class="row left marR10 marT15" style="margin-left:0px">
                <span class="search-name">时间选择</span><span class='daysTip'>(查询时间范围不得超过31天)</span>
                <div class="controls" style='width:200px'>
                    <input type="text" ng-model="searchData.startDate"  placeholder="" name="startDate" style="display: none;">
                    <input type="text" ng-model="searchData.endDate"   placeholder="" name="endDate" style="display: none;">
                     <div class="input-prepend input-group">
                       <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span><input type="text" readonly style="width: 155px"  id="dsSmsDetailsDate" class="form-control"  /> 
                     <!--   <span class="input-group-addon" ng-click='clearTime()'>清空</span> -->
                     </div>
                </div>
            </div>
            <div class="left marT15 marR10">
                 <span class="search-name">数据范围</span>
                 <select class="form-control1"  ng-model="searchData.limitCount" name="range" style='width:80px'><!-- ng-change='getSms()' -->
                   <option value="">全部</option>
                   <option value='500'>前500条</option>
                 </select>
             </div>
            <div class="left marR10 marT15">
                <span class="search-name">业务端</span>
                <select class="form-control1" ng-change='getSms()' ng-model="searchData.svrNode" name="svrNode" style='width:105px'>
					<option value="">全部</option>
					<option value={{row.SVR_NODE}} ng-repeat="row in listData1">{{row.SVR_NODE_NAME}}</option>
				</select>
            </div>
            <div class="left marT15 marR10">
                <span class="search-name">业务类型</span>
                <select class="form-control1"  style='width:105px' ng-model="searchData.serviceCode" name="serviceCode">
					<option value="">全部</option>
					<option value={{row.serviceCode}} ng-repeat="row in listData2">{{row.serviceName}}</option>
				</select>
            </div>
            <div class="left marT15 marR10">
                <span class="search-name">短信通道</span>
                <select class="form-control1 svrNodeName"  style='width:105px' ng-model="searchData.gateLinkId" name="gateLinkId">
                    <option value="">全部</option>
                    <option value={{row.GATE_LINK_ID}} ng-repeat="row in showData">{{row.GATE_LINK_NAME}}</option>
                </select>
            </div>
            <div class="left marT15 marR10">
                <span class="search-name">手机号码</span>
                <input type="text" class="form-control1"  style='width:105px'
                ng-keyup='search($event)'
                ng-model="searchData.userNo" name="userNo">
            </div>
            <div class="left marT15 marR10">
              
                <span class="search-name">短信内容</span>
                <input type="text" class="form-control1" style='width:105px' placeholder="" ng-keyup='search($event)' ng-model="searchData.smContent" name='smContent'>
              
            </div>
            <a href="javascript:;" class=" btn btn-sm btn-primary left marT15" id="search" ng-click='search()'><span class="glyphicon glyphicon-search"></span></a>
           <!-- 下钻导出表格参数 -->
            <input type="text" ng-model='searchData.sendSuc' name="sendSuc" style="display: none">
            <input type="text" ng-model='searchData.recvFail' name="recvFail" style="display: none">
            <input type="text" ng-model='searchData.sendFail' name="sendFail" style="display: none">
            <input type="text" ng-model='searchData.recvSuc' name="recvSuc" style="display: none">
            <input type="text" ng-model='searchData.recvNone' name="recvNone" style="display: none">
            <input type="text" ng-model='searchData.mobileCorp' name="mobileCorp" style="display: none">
            <input type="text" ng-model='searchData.dateFormat' name="dateFormat" style="display: none">

        </form>
           
            <div class="right marT15" style="position:relative">
                <button class="btn btn-primary btn-sm" ng-click='outExcel()'><img style="width:25px; height:20px;" src="img/excel.png">导出表格<span ng-style='loadStyle' class="outExcelLoad"><img  src="img/load.gif"></span>
                </button>
            </div>
        </div>

        
            <table class="table table-bordered table-striped text-center bg-info">
                <thead >
                <tr class="info">
                    <th class="text-center">序号</th>
                    <th class="text-center">手机号码</th>
                    <th class="text-center">短信递交时间</th>
                    <th class="text-center">递交结果</th>
                    <th class="text-center">业务端</th>
                    <th class="text-center">业务类型</th>
                    <th class="text-center">发送通道</th>
                    <th class="text-center">发送端口</th>
                    <th class="text-center">短信内容</th>
                    <th class="text-center">用户接收结果</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat = "Item in result">
                    <td>{{ $index+1 }}</td>
                    <td class="w70">{{ Item.userNo  }}</td>
                    <td class="w115">{{ Item.sendTime }}</td>
                    <td class="w85">{{ Item.sendMsg  }}</td>
                    <td class="w115">{{ Item.srvName  }}</td>
                    <td class="w115">{{ Item.serviceName  }}</td>
                    <td class="w115">{{ Item.gateLinkName  }}</td>
                    <td class="w115">{{ Item.sendport  }}</td>
                    <td style="min-width: 500px; word-break: break-all;"><a data-toggle="modal" 
                   data-target="#showSmsMessage" ng-click='showSmContent(Item.smContent)'>{{ Item.smContent | showSms }}</a></td>
                    <td class="w115">{{ Item.resultMsg  }}</td>
                </tr>
                </tbody>
            </table>
            </div>
        </div>

            <div class="flip">
                <page></page>
            </div>
        </div>


<!-- 显示信息详情 -->
<div class="modal fade" id="showSmsMessage">  
  <div class="modal-dialog">  
    <div class="modal-content message_align">  
      <div class="modal-header">  
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>  
        <h4 class="modal-title">信息详情</h4>  
      </div>  
      <div class="modal-body bg-info">  
        <p style="padding-bottom: 20px; margin-bottom: 0px;">{{showSmsMessage}}</p>  
      </div>  
      <div class="modal-footer">   
      </div>  
    </div><!-- /.modal-content -->  
  </div><!-- /.modal-dialog -->  
</div>
<!-- 加载框 -->
  <span class='loaded' ng-show='loaded'><img  src="img/load.gif"></span>
<!-- 加载框 完成-->